<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css</title>
		<style type="text/css">
			.c{
				font-size:50px;
				color: blue;
				width: 49%;
				border: 2px outset green;
				border-radius: 40%;
			}
			.c2{
				background-color: darkgray;
				
			}
		</style>
		<script>
			function chnageStyle(t){
				//t.className="c";
				t.classList.add("c");
			}
			function leftH(t){
				t.classList.remove("c");
			}
		</script>
	</head>
	<body>
		<h1 class="c2" onmouseover="chnageStyle(this)" onmouseout="leftH(this)">We change lives!</h1>
	</body>
</html>
